


<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
      #store tbody tr:nth-child(odd){background-color: #f7f3f7}
       .table-condensed tbody tr td span{display: block;}

    </style>
</head>

<body style="padding:3px;overflow-x: auto;">
    <!-- 标题 -->
    <div class="page-heade">
      <h2 class="title_color text-center"><span id="selectText">{$cn.title}</span>年单品发运排名</h2>
    </div>
    <!-- 标题 -->
    <div>
    <form action="" class="form-inline" method="post" id="f1">
       <table class="row-margin-top tab-content table-bordered table" border="1" style="margin:0">
          <tr>
      		<td style="min-width: 120px;width: 120px" class="text-right"><label for="" class="form-label">年份：</label></td>
            <td> 
           <select name="cid" id="cid" class="select form-control">
                 {volist name="cainian" id="c"}
                  <option value="{$c.id}" {if $cid==$c.id} selected {/if}>{$c.title}</option>
                 {/volist}
              </select> 
         </td>
       		<td style="min-width: 120px;width: 120px" class="text-right"><label for="" class="form-label">分区：</label></td>
           <td><input type="text" class="form-control" name="fenqu" value="{$data.fenqu}"></td>
          <td style="min-width: 120px;width: 120px" class="text-right"><label for="" class="form-label">省份：</label></td>
           <td><input type="text" class="form-control" name="sheng" value="{$data.sheng}"></td>
   		    </tr>
           <tr>
          <td class="text-right"><label for="" class="form-label">城市：</label></td>
            <td> 
            <input type="text" class="form-control" name="shi" value="{$data.shi}">
         </td>
          <td class="text-right"><label for="" class="form-label">产品品类：</label></td>
           <td><input type="text" class="form-control" name="cate" value="{$data.cate}"></td>
          <td class="text-right"><label for="" class="form-label">产品名称：</label></td>
           <td><input type="text" class="form-control" name="pro" value="{$data.pro}"></td>
          </tr>
        	<tr>
             <td class="text-center" colspan="6">
              <button class="btn btn-info query" type="button" id="check">查询</button>
              <button class="btn btn-info emptyIf" type="button" id="clear_check">清空查询条件</button>
               <button class="btn btn-info lendExcel" type="button">导出Excel</button>
            </td>
        </tr>
      </table>

     <table class="table table-bordered table-hover text-center bud_hei" id="store">
           <tr class="info">
            <th class="text-center">序号</th>
            <th class="text-center">产品品类</th>
            <th class="text-center">产品名称</th>
            {volist name="kaohe2" id="k"}
              <th class="text-center">{$k.title}</th>
            {/volist}
            <th class="text-center">小计</th>
          </tr>
          <tbody style="border:0">
          {volist name="apply" id="vo" key="k"}
      <tr>
        <td class="text-center">{$k}</td>
        <td class="text-center">{$vo.category_name}</td>
        <td class="text-center">{$vo.pro_name}</td>
        {volist name="$vo.jine" id="j"}
                <td class="ObjectNum">{$j}</td>
        {/volist}
        <td class="ObjectNum warning">{$vo.zjine}</td>
      </tr>
      {/volist}
         
          </tbody>
          <tfoot>
            <tr class="trTotal font-bold">
              <td colspan="3" class="text-right">合计</td>
               {volist name="kaohe2" id="k"}
              <th class="text-center">{$k.zjine}</th>
            {/volist}
              <td class="ObjectNum">{$zong}</td>
            </tr>
          </tfoot>

      </table>
</form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script><!-- 
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script> -->
      <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script src="__STATIC__/layout/js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <script src="__STATIC__/layout/js/common.js"></script>
      <script>
      $(".query").click(function(){
        document.getElementById("f1").submit();
      })
      $(".emptyIf").click(function(){
        location.href="{:url('profy')}"
      })
      $(".lendExcel").click(function(){
        window.open('{:url("profydc")}?cid={$cid}')
      })
                $(document).ready(function(){
                    var $ObjectNum =$(".ObjectNum");
                   toNum($ObjectNum);

          var Year= $("#Year").val(); 
         $("#selectText").html(Year)
          $('.yearpicker').datepicker({  
            startView: 'decade',  
             minView: 'decade',  
             format: 'yyyy',  
             maxViewMode: 2,  
             minViewMode:2,  
              autoclose: true  
            }); 

          $(".query").click(function(){
             var Year= $("#Year").val(); 
         $("#selectText").html(Year)

        })

                 })
        </script>
        
</body>

</html>
